<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Admin</title>

<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>	

    <!-- MASTER STYLESHEET-->
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
    
    <!-- LOAD TIPSY TOOLTIPS-->
    <script type="text/javascript" src="js/jquery.tipsy.js"></script>
   
    <!-- LOAD CUSTOM JQUERY SCRIPTS-->
    <script type="text/javascript" src="js/scripts.js"></script>	
    
	 <!-- LOAD FACEBOX -->
	<script type="text/javascript" src="js/facebox.js"></script>
    <link href="css/facebox.css" rel="stylesheet" type="text/css" />
    

    <!-- LOAD FLOT GRAPHS -->
    <script type="text/javascript" src="js/jquery.flot.pack.js"></script>
    <!--[if IE]>
     <script language="javascript" type="text/javascript" src="js/excanvas.pack.js"></script>
    <![endif]-->
    
    
    <!--[if IE 6]>
    <script src="js/pngfix.js"></script>
    <script>
        DD_belatedPNG.fix('.png_bg');
    </script>        
    <![endif]-->

	
    <!-- LOAD GRAPH JAVASCRIPT FILE-->
	<script src="js/graphs.js" type="text/javascript"></script>


</head>

<body>

<div id="header" class="png_bg">

    <div id="head_wrap" class="container_12">
    
        <!-- start of logo - you could replace this with an image of your logo -->
        <div id="logo" class="grid_4">
          <h1><span>Admin</span></h1>
        </div>
        <!-- end logo -->
        
        <!-- start control panel -->
    	<div id="controlpanel" class="grid_8">
        
            <ul>
            
    			<li><p>Signed in as <strong>Johnathan Doe</strong></p></li>
                <li><a href="#" class="first">Settings</a></li>
                <li><a href="#" class="last">Sign Out</a></li>
                
            </ul>
            
        </div>
        <!-- end control panel -->
    
        <!-- start navigation -->
      	<div id="navigation" class=" grid_12">
           
            <ul>
            
                <li><a href="#" class="active">Dashboard</a></li>
                <li><a href="#">Users</a></li>
                <li><a href="#">Content</a></li>
                <li><a href="#">Products</a></li>
                <li><a href="#">Articles</a></li>
                <li><a href="#">Even Longer Navigation Link</a></li>
                <li><a href="#">Random Link</a></li>
                <li><a href="#">Last Link</a></li>
                
    
            </ul>
          
        </div>
        <!-- end navigation -->
     
    </div><!-- end headwarp  -->
</div><!-- end header -->


<!-- staqrt subnav -->
<div id="sub_nav">

<div id="subnav_wrap" class="container_12">
	
    <!-- start sub nav list -->
	<div id="subnav" class=" grid_12">
    
        <ul>
        
            <li><a href="#" class="active">First</a></li>
            <li><a href="#" class="sub_nav_active">Active</a></li>
            <li><a href="#">Another Link</a></li>
            <li><a href="#">Some Link</a></li>
            <li><a href="#">Nearly Last</a></li>
            <li><a href="#">Sample</a></li>
            <li><a href="#">Some Other Link</a></li>
            <li><a href="#" class="sub_nav_last">Last Link</a></li>
            
        </ul>
    
    </div>
    <!-- end subnavigation list -->	

</div>


</div>
<!-- end sub_nav -->

<!-- EVERYTING BELOW IS THE MAIN CONTENT -->

<div id="main_content_wrap" class="container_12">


	<!-- start icon dock-->
	<div id="icondock" class="grid_12">
	 
      <ul>
        
			<li><a href="remote.html" rel="facebox" title="Check Your E-Mails"><img src="images/icondock/email.png" alt="Mail" /><br />Mail<span>4</span></a></li>
            <li><a href="#" rel="tipsy" title="View Your Contact List"><img src="images/icondock/book_addresses.png" alt="Contacts" /><br />Contacts</a></li>
            <li><a href="#" rel="tipsy" title="View Recent Sales Activity"><img src="images/icondock/coins.png" alt="Sales" /><br />Sales<span>8</span></a></li>
            <li><a href="#" rel="tipsy" title="Analyse Site Activity"><img src="images/icondock/chart_bar.png" alt="Stats" /><br />Statistics</a></li>
            <li><a href="#" rel="tipsy" title="View Recent Commenets"><img src="images/icondock/comment.png" alt="Comments"/><br />
            Comments<span>7</span></a></li>
            <li><a href="#" rel="tipsy" title="View Registered Users"><img src="images/icondock/user.png" alt="Users" /><br />Users</a></li>
            <li><a href="#" rel="tipsy" title="Check Your Events"><img src="images/icondock/date.png" alt="Events" /><br />Events<span>1</span></a></li>
            <li><a href="#" rel="tipsy" title="Manage Incoming Orders"><img src="images/icondock/basket.png" alt="Orders" /><br />Orders</a></li>
   			<li><a href="#" rel="tipsy" title="Set Reminders"><img src="images/icondock/bell.png" alt="Reminders" /><br />Reminders</a></li>

	  </ul>

    
	</div><!-- end icon dock-->
    
    <div class="clearfix">&nbsp;</div>
		
       
</div>
</div>
  
    
           
              
          
</div>

<div class="clearfix">&nbsp;</div>
<div class="container_12">
     


   <!-- START FOOTER -->
    
    <div id="footer" class="grid_12">
    
        <p>&copy; Copyright 2010 Your Company | Powered by <a href="#">Reality Admin</a> | <a href="#">Top</a></p>
        
	</div>
    <!-- END FOOTER -->       
  </div><!-- end content wrap -->


</body>
</html>
